<style>
#card-header{
  position: sticky;
  top:0;
  z-index: 999;
}
#card-header.on{
    z-index: 510000;
}
#header_box{
  background: var(--bg);
    font-family: var(--header_font_family);
    transition: all 0.3s;
    color: var(--menu-color) !important;
}
#header_box .header_icon > a{
    color: var(--menu-color) !important;
}
#header_box svg{
    color:var(--menu-color) !important;
}
#header_box svg path{
    fill: var(--menu-color) !important;
}
#header_box .header_wrapper{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#header_box .header_left{
    width: 300px;
}
#header_box .search_box{
    width: 250px;
    height: 40px;
    background: #fff;
}
#header_box .search_box form{
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header_box .search_box .search_txt{
    width: calc(100% - 40px);
    height: 40px;
    background: none;
    text-indent: 10px;
}
#header_box .search_box .search_btn{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}
#header_box .search_box .search_close{
    display: none;
}


#header_box .mobile_search_box{
    width: 250px;
    height: 40px;
    background: #fff;
}
#header_box .mobile_search_box .search_close{
  display: block !important;
  padding-left: 15px;
}
#header_box .mobile_search_box form{
    flex:1;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header_box .mobile_search_box .search_txt{
    flex:1;
    height: 40px;
    background: none;
    text-indent: 10px;
}
#header_box .mobile_search_box .search_btn{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
}
#header_box .mobile_search_box .search_close{
    display: none;
}
/*logo*/ 
#header_box .logo{}
#header_box .logo a{
    font-size: 25px;
    color: var(--menu-color);
    font-family: var(--header_font_family);
    font-style: var(--title_font_style);
    font-weight: var(--title_font_weigth);
    letter-spacing: var(--title_letter_spacing);
    letter-spacing: 1px;
}
#header_box .logo img{
    max-height: 70px;
    max-width: 200px;
}




#header_box .header_icon{
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
}
#header_box .header_icon > a{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    margin-left: 30px;
    position: relative;
    text-transform: uppercase;
}
#header_box .header_icon > a svg{
    margin-right: 15px;
}
#header_box .header_icon > a.cart_icon span{
    min-width: 20px;
    height: 20px;
    background: #BA4444;
    display: none;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -22px;
    display:none;
}

.mobile_search_box{
  display: none;
}

.header_index{
  background: transparent !important;
  position: absolute;
  top:0;
  right: 0;
  left: 0;
}

/*货币切换*/
#header_box .currency_box{
    height:80px;
    position:relative;
    z-index:999;
}
#header_box .currency_txt{
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--menu-color);
    letter-spacing: var(--nav_letter_spacing);
    font-size: 14px;
    height:80px;
    line-height:80px;
    cursor:pointer;
}
#header_box .drop_currency a {
    /* color: var(--menu-color); */
    letter-spacing: var(--nav_letter_spacing);
    font-size: 14px;

  }
#header_box .currency_txt svg{
    width: 14px;
    fill: #333;
}

#header_box .drop_currency{
    position:absolute;
    top:80px;
    left:0;
    padding:10px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e8e8e8;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-transform: scale3d(1,0,1);
    transform: scale3d(1,0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    max-height: 70vh;
    overflow-y: scroll;
}
#header_box .drop_currency_on .drop_currency{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
#header_box .currency_txt svg{
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
#header_box .drop_currency_on .currency_txt svg{
    transform:rotate(-180deg);
}
#header_box .drop_currency li{
    list-style-type: none;
}
#header_box .drop_currency a{
    display: flex;
    justify-content: space-between;
    gap: 6px;
    align-items: center;
    line-height: 30px;
    padding: 4px 10px;
    margin: 0;
}
#header_box .drop_currency a:hover{
    background:#F6F6F6;
}
#header_box .header_icon > a.mobile_menu_icon,
#header_box .mobile_menu,
#header_box .pc_menu_icon{
    display: none;
}

@media (max-width: 768px){
    #header_box .header_icon > a.mobile_menu_icon{
        display: flex;
    }
}

/*导航*/
#header_box .nav_box{
    position:relative;
    border-top: 1px solid rgba(255,255,255,.15);
}



#header_box.header_fixed{
  background: var(--bg) !important;
    /* background: var(--bg);
    position: sticky !important;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999; */
}
#header_box.header_fixed .nav_box{
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s;
}
#header_box.header_fixed .nav_box.on{
    height: auto;
    overflow: visible;
    opacity: 1;
}
#header_box.header_fixed .pc_menu_icon{
    display: flex;
    margin-right: 25px;
    align-items: center;
    
}

#header_box.header_fixed .header_left{
    display: flex;
    align-items: center;
}
#header_box.header_fixed .header_left .pc_menu_icon svg path{
    transition: transform .3s cubic-bezier(.18, .77, .58, 1), opacity .3s cubic-bezier(.18, .77, .58, 1);
}
#header_box.header_fixed .header_left .pc_menu_icon.on svg .path-1{
    transform: rotate(45deg);
    transform-origin: 20% 43%;
}
#header_box.header_fixed .header_left .pc_menu_icon.on svg .path-2{
    opacity: 0;
}
#header_box.header_fixed .header_left .pc_menu_icon.on svg .path-3{
    transform: rotate(-45deg);
    transform-origin: 15% 58%;
}

#header_box .mobile_nav_down path{
  fill:#333 !important;
}



/* 
#header_box.header_index{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
} */


#header_box.header_index .currency_txt,
#header_box.header_index .logo a{
    color: var(--menu-color);
}


 #header_box .header_icon > a.mobile_search_icon{
    display: none;
} 


@media (max-width: 1200px){
    #header_box .nav li.nav-child-three .nav-child{
        left:0;
        margin:0;
    }
}
@media (max-width: 992px){
    #header_box{
      position: relative;
    }
    #header_box.header_fixed .pc_menu_icon,
    #header_box .currency_box,
    #header_box .pc_menu_icon{
        display: none;

    }
    .header_index{
      background: var(--bg) !important;
    }
    
    #header_box .mobile_menu_icon{
        display: block;
    }
    #header_box .mobile_menu_icon svg{
        color: #fff;
    }
    #header_box .header_icon > a{
        font-size: 0;
    }   

    #header_box .logo {
        left: 50px;
        top: 0;
        height: 80px;
        display: flex;
        align-items: center;
    }
  
    #header_box .header_icon > a.mobile_search_icon{
        display: flex;
    }
    #header_box.header_fixed .search_box{
        display: flex;
        justify-content: space-between;
        align-items: center;
        bottom: 0;
        height: 80px;
        background: #1a2836;
        opacity: 0;
        transition: bottom .2s cubic-bezier(0.18, 0.77, 0.58, 1),opacity .2s cubic-bezier(0.18, 0.77, 0.58, 1);
        visibility: hidden;
        z-index: 999;
    }
    #header_box.header_fixed .search_box form{
        background: #fff;
        height: 40px;
        width: calc(100% - 40px);
    }
    #header_box.header_fixed .search_box .search_close{
        display: block;
        height: 14px;
    }
    #header_box.header_fixed .search_box.search_on{
        opacity: 1;
        visibility: visible;
    }
    #header_box .header_top.on,
    #header_box.header_fixed .header_top{
        position: relative;
        z-index: 999;
    }
    #header_box .mobile_menu{
        display: block;
        position: absolute;
        left: 0;
        width: 100vw;
        height: calc(100vh - 80px);
        background: #fff;
        z-index: 99;
        overflow: auto;
        display: none;
        
    }
    #header_box .mobile_menu_wrapper{
        padding: 20px 50px;
    }
    #header_box .mobile_menu .mobile_nav{
        background: #f5f5f5;
        position: relative;
        overflow: hidden;
    }
    #header_box .mobile_menu .mobile_nav ul{
        padding: 10px 15px;
        transition: all 0.3s;
    }
    #header_box .mobile_menu .mobile_nav > ul > li > a{
        display: block;
        line-height: 1.5;
        padding: 15px 0;
    }
    #header_box .mobile_menu .mobile_nav > ul > li .mobile_nav-item a{
        display: block;
        line-height: 1.5;
        padding: 15px 0;
    }
    #header_box .mobile_menu .child_mobile_nav{
        display: none;
    }
    #header_box .mobile_menu .mobile_nav > ul > li .mobile_nav-item{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #header_box .mobile_menu .mobile_nav > ul > li .mobile_nav-item a{
        width: calc(100% - 50px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #header_box .mobile_menu .mobile_nav > ul > li .mobile_nav-item .mobile_nav_down{
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #header_box .mobile_menu .child_mobile_nav{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: translate(100%, 0);
        transition: all 0.3s;
    }
    #header_box .mobile_menu li.on > .child_mobile_nav{
        display: block;
        
    }
    #header_box .mobile_menu .mobile_nav .child_mobile_nav{
        padding: 10px 15px;
        box-sizing: border-box;
    }
    #header_box .mobile_menu .mobile_nav .child_mobile_nav dt{
        display: flex;
        align-items: center;
    }
    #header_box .mobile_menu .mobile_nav .child_mobile_nav dt .return_icon{
        transform: rotate(180deg);
        margin-right: 15px;
    }
    #header_box .return_icon svg path{
        fill:#333 !important;
    }
    #header_box .mobile_menu .mobile_nav .child_mobile_nav dt a{
        line-height: 1.5;
        padding: 15px 0;
        text-decoration: underline;
        font-weight: bold;
    }
    #header_box .mobile_menu .mobile_nav .child_mobile_nav dd a{
        display: block;
        line-height: 1.5;
        padding: 15px 0;
    }
    #header_box .mobile_menu .mobile_nav dd.on .child_mobile_nav{
        display: block;
    }



    #header_box .header_icon > a.mobile_menu_icon svg path{
        transition: transform .3s cubic-bezier(.18, .77, .58, 1), opacity .3s cubic-bezier(.18, .77, .58, 1);
    }
    #header_box .header_icon > a.mobile_menu_icon.on svg .path-1{
        transform: rotate(45deg);
        transform-origin: 20% 43%;
    }
    #header_box .header_icon > a.mobile_menu_icon.on svg .path-2{
        opacity: 0;
    }
    #header_box .header_icon > a.mobile_menu_icon.on svg .path-3{
        transform: rotate(-45deg);
        transform-origin: 15% 58%;
    }

    #header_box.header_fixed  .header_top.on .header_icon > a.mobile_search_icon,
    #header_box .header_top.on .header_icon > a.account_icon,
    #header_box .header_top.on .header_icon > a.cart_icon,
    #header_box .header_top.on .header_icon > a.mobile_search_icon,
    #header_box .header_top.on .search_box{
        display: none !important;
    }
    #header_box .mobile_menu .mobile_currency{
        margin: 30px 0;
        color: var(--color-main);
    }
    .mobile_menu .mobile_currency .mobile_currency_text_wrap {
        position: relative;
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_text svg {
        transition: all .2s ease;
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap.open .mobile_currency_text svg{
        transform: rotate(180deg);
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap.open .mobile_currency_list {
        display: block;
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list {
        position: absolute;
        width: 100%;
        padding: 6px;
        border: 1px solid #ddd;
        border-radius: 2px;
        box-sizing: border-box;
        max-height: 150px;
        overflow-y: auto;
        background-color: #FFFFFF;
        display: none;
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list[position=bottom] {
        top: calc(100% + 6px);
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list[position=top] {
        bottom: calc(100% + 6px);
      }
      .mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list .mobile_web-currency {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 4px 0;
      }
      
      .mobile_menu .mobile_currency .mobile_currency_text {
        height: 40px;
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 6px;
        box-sizing: border-box;
      }
 
 
}
@media (max-width: 768px){
    #header_box .logo{
        left: 30px;
    }
    #header_box .header_icon > a svg{
        margin: 0;
    }
    #header_box .mobile_menu_wrapper{
        padding: 20px 30px;
    }
}
@media (max-width: 767px){
    #header_box .header_left{
        width: auto;
        display: none;
    }
    #header_box .logo{
        left: 15px;
    }
    #header_box .search_box{
        display: none !important;
    }
    #header_box .mobile_menu_wrapper{
        padding: 15px;
    }
    #header_box .header_icon > a{
        margin-left: 15px;
    }
    #header_box.header_index{
      background: var(--bg);
    }
    #header_box .mobile_search_box{
      display: none ;
      align-items: center;
      width: calc(100vw - 30px);
      margin: 0 auto;
      padding: 10px 0;
      background-color: transparent !important;
    }
  
    #header_box .mobile_search_box form{
      background-color: #fff;
    }
    #header_box .mobile_search_box svg path{
      fill: #000 !important;
    }
    #header_box  .mobile_search_box_on{
      display: flex ;

    }
    #header_box .nav_box{
      display: none ;
    }
}


/****** 导航 *****/
.custom_nav.nav_type1 > ul {
  height: var(--height);
  display: inline-flex;
  position: relative;
  justify-content: flex-start;
}

.custom_nav.nav_type1 > ul a {
  color: var(--menu-color);
}

.custom_nav.nav_type1 > ul li {
  padding: 0 20px;
  display: block;
  list-style-type: none;
  position: relative;
  z-index: 99;
}

.custom_nav.nav_type1 > ul li span {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  color: var(--bg);
}

.custom_nav.nav_type1 > ul li span > i {
  margin-left: 10px;
  font-size: 14px !important;
  font-weight: bold;
  color: var(--menu-color);
}

.custom_nav.nav_type1 > ul li span > .nav-li-a {
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  height: 100%;
  white-space: nowrap;
}

.custom_nav.nav_type1 > ul li > .nav-child {
  position: absolute;
  min-width: 200px;
  box-shadow: 0 0 2px #ddd;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  max-height: calc(100vh - 126px);
  overflow: auto;
  transform: translateY(20px);
  transition: opacity .3s, transform .3s;
}

.custom_nav.nav_type1 > ul li > .nav-child dt i {
  display: none;
}

.custom_nav.nav_type1 > ul li > .nav-child > a {
  display: block;
  line-height: 2;
  transition: all 0.3s;
  white-space: nowrap;
  opacity: .6;
}

.custom_nav.nav_type1 > ul li > .nav-child > a:hover {
  text-decoration: underline;
  opacity: 1;
}

.custom_nav.nav_type1 > ul li.more_link, .custom_nav.nav_type1 > ul li.nav-child-three {
  position: static;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child {
  width: 100%;
  left: 0;
  padding: 0;
  max-height: calc(100vh - 126px);
  overflow: auto;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 50px;
  box-sizing: border-box;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl {
  width: 25%;
  margin-bottom: 30px;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl a {
  display: block;
  line-height: 2;
  transition: all 0.3s;
  position: relative;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl a:hover {
  text-decoration: underline;
  color: var(--menu-color);
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl dt {
  margin-bottom: 5px;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl dt a {
  font-size: 16px;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl dd a {
  font-size: 14px;
  opacity: .6;
}

.custom_nav.nav_type1 > ul li.nav-child-three .nav-child .nav_container_wrapper dl dd a:hover {
  opacity: 1;
}

.custom_nav.nav_type1 > ul li:hover {
  background-color: #fff;
}

.custom_nav.nav_type1 > ul li:hover > .nav-child {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
  transform: translateY(0);
  background-color: #fff;
  left: 0;
}

.custom_nav.nav_type1 > ul li:hover > span::after {
  border-bottom-color: var(--bg) !important;
  transition-delay: 0s;
}

.custom_nav.nav_type1 > ul li.nav-li > span {
  position: relative;
}

.custom_nav.nav_type1 > ul li.nav-li > span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  border-bottom: 2px solid transparent;
  transition: border-color .2s .2s ease;
}

.custom_nav.nav_type2 > ul {
  height: var(--height);
  display: inline-flex;
  position: relative;
  justify-content: flex-start;
}

.custom_nav.nav_type2 > ul a {
  color: var(--menu-color);
}

.custom_nav.nav_type2 > ul li.nav-li {
  padding: 0 20px;
  display: block;
  list-style-type: none;
  z-index: 99;
}

.custom_nav.nav_type2 > ul li.nav-li:hover .nav-child {
  display: block;
}

.custom_nav.nav_type2 > ul li.nav-li span {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

.custom_nav.nav_type2 > ul li.nav-li span > i {
  margin-left: 10px;
}

.custom_nav.nav_type2 > ul li.nav-li span > .nav-li-a {
  display: flex;
  align-items: center;
  font-size: 16px;
  position: relative;
  height: 100%;
  white-space: nowrap;
}

.custom_nav.nav_type2 > ul li.nav-li span > .nav-li-a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 3px;
  background-color: #333;
  transition: width .2s;
}

.custom_nav.nav_type2 > ul li.nav-li .nav-child {
  display: none;
  position: absolute;
  box-shadow: 0 0 2px #ddd;
  max-width: 350px;
  min-width: 180px;
  max-height: 450px;
  overflow-y: scroll;
  padding: 10px 20px;
  background-color: var(--bg);
}

.custom_nav.nav_type2 > ul li.nav-li .nav-child > .nav_container_wrapper dl {
  margin: 5px 0;
}

.custom_nav.nav_type2 > ul li.nav-li .nav-child > .nav_container_wrapper dl dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.custom_nav.nav_type2 > ul li.nav-li .nav-child > .nav_container_wrapper dl dt i {
  display: inline-block;
  transform: rotate(-90deg);
}

.custom_nav.nav_type2 > ul li.nav-li .nav-child > .nav_container_wrapper dl dd {
  line-height: 1.5;
  opacity: .6;
  margin: 5px 0;
  display: none;
}

.custom_nav > ul li.more_link {
  padding: 0 20px;
  display: block;
  list-style-type: none;
  z-index: 99;
}

.custom_nav > ul li.more_link > span {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

.custom_nav > ul li.more_link .more_link_child {
  width: 100%;
  max-height: calc(100vh - 126px);
  overflow: auto;
  position: absolute;
  left: 0;
  box-shadow: 2px 0px 2px #ddd;
  opacity: 0;
  visibility: hidden;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 20px 50px;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul {
  padding: 30px 0;
  width: 25%;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li.on span {
  box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li span {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  transition: all 0.3s;
  min-height: 40px;
  cursor: pointer;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li span i {
  transform: rotate(-90deg);
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li span .nav-li-a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li span:hover {
  box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > ul li .nav-child {
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child {
  padding: 30px 20px;
  width: 75%;
  box-sizing: border-box;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > a {
  display: block;
  height: 34px;
  line-height: 34px;
  opacity: .6;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > a:hover {
  opacity: 1;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 20px;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper dt {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 2;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper dt i {
  display: none;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper dt a:hover {
  text-decoration: underline;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper dd a {
  line-height: 2;
  opacity: .6;
  transition: all 0.3s;
}

.custom_nav > ul li.more_link .more_link_child > .nav_container_wrapper > .nav-child > .nav_container_wrapper dd a:hover {
  text-decoration: underline;
  opacity: 1;
}

.custom_nav > ul li.more_link:hover .more_link_child {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
}
.body-hidden{
    overflow:hidden;
}

@media screen and (max-width: 768px) {
#app_googletranslate-wrap-static {
  padding: 15px 18px 15px 0px !important;
}
}

</style>


{% if section and section.type == "header" %}
{% assign section = section %}
{% assign router = section.router %}
{% else %}
{% assign section = global.sections.header %}
{% assign router = routes.current_route %}
{% endif %}


{% if section.settings.is_index_board and router == "index/index" and section.settings.is_board %}
{% assign showBoard = true %}
{% elsif section.settings.is_index_board == false and section.settings.is_board %}
{% assign showBoard = true %}
{% else %}
{% assign showBoard = false %}
{% endif %}
{% assign data = section.settings %}


{% get_nav nav_id={section.settings.nav.id} %}
{% assign header_nav = nav %}

{% if section.settings.is_currency %}
  {% get_currencies limit=100 %}
  {% assign currencies = currencies %}
{% endif %}

<div id="header_box" style="--bg: {{section.settings.nav_bg}};--menu-color: {{section.settings.menu_color}};" {% if page_ca == 'index_index' %} class="header_index control-all-header-fixed" {% else %} class="header_box control-all-header-fixed" style="background-color:{{ section.settings.nav_bg }};" {% endif %}>
    <div class="header_top" > 
        <div class="header_wrapper container_wrapper">
            <div class="header_left">
                <a class="pc_menu_icon" href="javascript:void(0);">
                    {% include icon_header_cate ,{width:'24',height:'24'} %}
                </a>
                {% if data.is_search %}
                <div class="search_box">
                    <form class="control-all-search" action="/search" onsubmit="return shopSearch('.search_txt')">
                        <input class="search_txt"  type="text" name="q" placeholder="{{ section.settings.search_placeholder }}">
                        <button class="search_btn" type="submit">{% include icon_header_search ,{width:'24',height:'24'} %}</button>
                    </form>
                    <a class="search_close" href="javascript:void(0);">{% include icon_header_close ,{width:'14',height:'14'} %}</a>
                </div>
                {% endif %}
            </div>
            
            <div class="logo">
                <a href="/">
                {% if page_ca == 'index_index' %}
                    {% if section.settings.logo_pic.src %}
                    <img src="{{ section.settings.logo_pic.src  | image_url:'600x600'|public_front_asset_url }}" alt="{{ section.settings.logo_pic.alt}}">
                    {% else %} 
                    {{ storeConfig.name }}
                    {% endif %}
                {% else %}
                    {% if section.settings.page_logo_pic.src %}
                    <img src="{{ section.settings.page_logo_pic.src  | image_url:'600x600'|public_front_asset_url }}" alt="{{ section.settings.page_logo_pic.alt}}">
                    {% else %} 
                    {{ storeConfig.name }}
                    {% endif %}
                {% endif %}
                
                </a>
            </div>
            <div class="header_right">
                <div class="header_icon">
                  <div class="plugin-container-tabbar inline_center" style="font-size:14px"></div>
                    {% if section.settings.is_currency %}
                    <div class="currency_box currency_box_pc" style="--menu-color:{{section.settings.menu_color}}">
                        <div class="currency_txt" id="currencyBoxPc">
                            {% if section.settings.is_currency_flag %}
                                <span style="display:flex;gap: 6px;">
                                 
                                   {% include 'flag',code: currency.standard_code  %}
                                  {{ currency.standard_code }}
                                </span>
                            {% else %}
                                {{ currency.standard_code }}
                            {% endif %}
                            {% include icon_header_down ,{width:'24',height:'24'} %}
                        </div>
                        <div class="drop_currency" id="currencyCon">
                            <ul class="currency">
                                {% if section.settings.is_currency_flag %}
                                    {% for list in currencies %}
                                        
                                        <li>
                                            <a href="javascript:void(0);" class="web-currency" data-type="{{ list.standard_code }}" rel="nofollow">
                                                <span style="padding: 3px 0;">{% include 'flag',code: list.standard_code  %}</span><span>{{ list.standard_code }}</span><span>{{ list.symbol_left }}{{ list.symbol_right }}</span>
                                            </a>
                                        </li>
                                    {% endfor %}
                                {% else %}
                                    {% for list in currencies %}
                                        <li>
                                            <a href="javascript:void(0);" class="web-currency" data-type="{{ list.standard_code }}" rel="nofollow">
                                                <span>{{ list.standard_code }}</span><span>{{ list.symbol_left }}{{ list.symbol_right }}</span>
                                            </a>
                                        </li>
                                    {% endfor %}
                                {% endif %}
                               
      
                            </ul>
                        </div>
                        <script>
                            $("#currencyBoxPc").click(function (e) {
                                e.stopPropagation();
                                if ($('.currency_box_pc').hasClass('drop_currency_on')) {
                                    $('.currency_box_pc').removeClass('drop_currency_on');  
                                } else {
                                    $('.pop_search').removeClass('pop_search_on');
                                    $('.currency_box_pc').addClass('drop_currency_on');
                                }
                            });
                            $('.drop_currency').click(function (e) {
                                e.stopPropagation();
                            });
                            $(document).click(function () {
                                $('.currency_box_pc').removeClass('drop_currency_on');
                                $('.mobile_currency_text_wrap').removeClass('open')
                            });
                        </script>
                    </div>
                    {% endif %}    
                    {% if data.is_search %}
                    <a class="mobile_search_icon control-all-search" href="javascript:void(0);">
                        {% include icon_header_search ,{width:'24',height:'24'} %}
                    </a>
                    {% endif %}

                    {% if section.settings.is_member %}
                    <a class="account_icon" href="/account/login">
                        {% include icon_header_account ,{width:'24',height:'24'} %}
                        {{ lang.index.default.account }}
                        
                    </a>
                    {% endif %}

                    <a class="cart_icon" {% if page_ca != 'cart_list' %} id="cart_icon" {% endif %} href="javascript:void(0);">
                        {% include icon_header_cart ,{width:'24',height:'24'} %}
                        <span id="cart_number"></span>
                        {{ lang.checkout.cart }}
                    </a>
                    <a class="mobile_menu_icon" href="javascript:void(0);">
                        {% include icon_header_cate ,{width:'24',height:'24'} %}
                    </a>
                </div>
            </div>
            
             
        </div>
        {% if data.is_search %}
        <div class="mobile_search_box">
            <form class="control-all-search" action="/search" onsubmit="return shopSearch('.search_txt_mel')">
                <input class="search_txt search_txt_mel"  type="text" name="q" placeholder="{{ section.settings.search_placeholder }}">
                <button class="search_btn" type="submit">{% include icon_header_search ,{width:'24',height:'24'} %}</button>
            </form>
            <a class="search_close" href="javascript:void(0);">{% include icon_header_close ,{width:'14',height:'14'} %}</a>
        </div>
        {% endif %}
    </div>
    <div class="nav_box" style="--bg: {{section.settings.nav_bg}};--menu-color: {{section.settings.menu_color}};">
        <div class="container_wrapper">
            <div class="nav" id="nav">
                {% include 'custom_nav_more_link', header_nav: header_nav, menu_color: data.menu_color, bg_color: data.nav_bg, height: '60px', class: 'custom_nav nav_type1' %}
            </div>
        </div>
    </div>
    
 
    <!-- 移动端菜单 -->
    <div class="mobile_menu">
        <div class="mobile_menu_wrapper">
            <div class="mobile_nav">
                <ul>
                    {% if section.settings.nav.id %}
                    {% for item in header_nav.nav_item %}
                    <li>
                        {% if item.children %}
                        <div class="mobile_nav-item">
                            <a  style="color:{{item.setting_json.color}};font-style:{{item.setting_json.style}};font-weight:{{item.setting_json.bold}};text-decoration:{{item.setting_json.decoration}};" target="{{item.setting_json.open | default : '_self' }}" {% if item.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{item.url_json.url | default:'javascript:void(0)' }}">
                         {% if item.src %}
                          <header-nav-img>{% include 'lazy_img',src: item.src,alt: '' %}{{item.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{item.nav_item_name}}
                         {% endif %}
                       </a>
                            <span class="mobile_nav_down"><svg width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z"></path></svg></span>
                        </div>
                        <dl class="child_mobile_nav">
                            <dt><span class="return_icon"><svg width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z"></path></svg></span><a  style="color:{{item.setting_json.color}};font-style:{{item.setting_json.style}};font-weight:{{item.setting_json.bold}};text-decoration:{{item.setting_json.decoration}};" target="{{item.setting_json.open | default : '_self' }}" {% if item.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{item.url_json.url | default:'javascript:void(0)' }}">
                         {% if item.src %}
                          <header-nav-img>{% include 'lazy_img',src: item.src,alt: '' %}{{item.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{item.nav_item_name}}
                         {% endif %}
                       </a></dt>

                            {% for el in item.children %}
                            <dd>
                                {% if el.children %}
                                <div class="mobile_nav-item">
                                    <a  style="color:{{el.setting_json.color}};font-style:{{el.setting_json.style}};font-weight:{{el.setting_json.bold}};text-decoration:{{el.setting_json.decoration}};" target="{{el.setting_json.open | default : '_self' }}" {% if el.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{el.url_json.url | default:'javascript:void(0)' }}">
                         {% if el.src %}
                          <header-nav-img>{% include 'lazy_img',src: el.src,alt: '' %}{{el.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{el.nav_item_name}}
                         {% endif %}
                       </a>
                                    <span class="mobile_nav_down"><svg width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z"></path></svg></span>
                                </div>
                                <dl class="child_mobile_nav">
                                    <dt><span class="return_icon"><svg width="8" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1.505.606a.7.7 0 0 1 .903-.074l.087.074 4.95 4.95c.11.109.175.245.197.387l.008.107a.698.698 0 0 1-.131.408l-.074.087-4.95 4.95a.7.7 0 0 1-1.064-.903l.074-.087 4.454-4.454-4.454-4.456a.7.7 0 0 1 0-.99z"></path></svg></span><a  style="color:{{el.setting_json.color}};font-style:{{el.setting_json.style}};font-weight:{{el.setting_json.bold}};text-decoration:{{el.setting_json.decoration}};" target="{{el.setting_json.open | default : '_self' }}" {% if el.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{el.url_json.url | default:'javascript:void(0)' }}">
                         {% if el.src %}
                          <header-nav-img>{% include 'lazy_img',src: el.src,alt: '' %}{{el.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{el.nav_item_name}}
                         {% endif %}
                       </a></dt>
                                    {% for ddItem in el.children %}
                                    <dd>
                                        <a  style="color:{{ddItem.setting_json.color}};font-style:{{ddItem.setting_json.style}};font-weight:{{ddItem.setting_json.bold}};text-decoration:{{ddItem.setting_json.decoration}};" target="{{ddItem.setting_json.open | default : '_self' }}" {% if ddItem.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{ddItem.url_json.url | default:'javascript:void(0)' }}">
                         {% if ddItem.src %}
                          <header-nav-img>{% include 'lazy_img',src: ddItem.src,alt: '' %}{{ddItem.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{ddItem.nav_item_name}}
                         {% endif %}
                       </a>
                                    </dd>
                                    {% endfor %}
                                </dl>
                                {% else %}
                                <a  style="color:{{el.setting_json.color}};font-style:{{el.setting_json.style}};font-weight:{{el.setting_json.bold}};text-decoration:{{el.setting_json.decoration}};" target="{{el.setting_json.open | default : '_self' }}" {% if el.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{el.url_json.url | default:'javascript:void(0)' }}">
                         {% if el.src %}
                          <header-nav-img>{% include 'lazy_img',src: el.src,alt: '' %}{{el.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{el.nav_item_name}}
                         {% endif %}
                       </a>
                                {% endif %}
                            </dd>
                            {% endfor %}


                        </dl>
                        
                        {% else %}
                        <a  style="color:{{item.setting_json.color}};font-style:{{item.setting_json.style}};font-weight:{{item.setting_json.bold}};text-decoration:{{item.setting_json.decoration}};" target="{{item.setting_json.open | default : '_self' }}" {% if item.setting_json.model != 1 %}rel="external nofollow"{% endif %} href="{{item.url_json.url | default:'javascript:void(0)' }}">
                         {% if item.src %}
                          <header-nav-img>{% include 'lazy_img',src: item.src,alt: '' %}{{item.nav_item_name}}</header-nav-img>
                         {% else %}
                          {{item.nav_item_name}}
                         {% endif %}
                       </a>
                        {% endif %}
                    </li>
                    {% endfor %}
                    {% else %}
                    <li class="nav-li"><a class="nav-li-a" href="/" >MEN</a></li>
                    <li class="nav-li"><a class="nav-li-a" href="/" >WOMEN</a></li>
                    <li class="nav-li"><a class="nav-li-a" href="/" >BAGS</a></li>
                    <li class="nav-li"><a class="nav-li-a" href="/" >HOME AND DECOR</a></li>
                    <li class="nav-li"><a class="nav-li-a" href="/" >OUTDOOR</a></li>
                    {% endif %}
                    <div class="plugin-container-tabbar isMobile" style="color:var(--main_color)"></div> 
                </ul>
            </div>
            {% if section.settings.is_currency %}
            <div class="mobile_currency">
                <div class="mobile_currency_text_wrap">
                    <div class="mobile_currency_text">
                      <span style="display:flex;gap: 6px;align-items: center;">
                        {% if section.settings.is_currency_flag %}
                         
                           {% include 'flag',code: currency.standard_code  %}
                        {% endif %}
                        {{ currency.standard_code }}
                      </span>
                      <svg t="1703043480379" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6378" width="10" height="10"><path style="fill: var(--color-main) !important;" d="M134.380308 259.308308l388.804923 387.623384 387.623384-387.544615 111.458462 111.379692-498.845539 498.845539L23.158154 370.845538z" p-id="6379"></path></svg>
                    </div>
                    <ul class="mobile_currency_list" position="top">
                      {% if section.settings.is_currency_flag %}
                        {% for list in currencies %}
                          
                          <li>
                            <div class="mobile_web-currency" data-type="{{ list.standard_code }}">
                              <span>{% include 'flag',code: list.standard_code  %}</span><span>{{ list.standard_code }}</span>:<span>{{ list.symbol_left }}{{ list.symbol_right }}</span>
                            </div>
                          </li>
                        {% endfor %}
                      {% else %}
                        {% for list in currencies %}
                          <li>
                            <div class="mobile_web-currency" data-type="{{ list.standard_code }}" rel="nofollow">
                              <span>{{ list.standard_code }}</span>:<span>{{ list.symbol_left }}{{ list.symbol_right }}</span>
                            </div>
                          </li>
                        {% endfor %}
                      {% endif %}
                    </ul>
                  </div>
            </div>
            {% endif %}
        </div>
    </div>
</div>

  

<script type="text/javascript">
	$(function(){
        let nav = $('#custom_nav');
        let navW = $('#custom_nav').width();
        moi.setCustomNav(nav, navW, false, () => {
        let leftPx = ($(window).width() - $(".custom_nav").width()) / 2
        $("#custom_nav>ul>.nav-li.nav-child-three .nav-child").css({'width': '100vw', 'left': `-${leftPx}px`})
        $("#custom_nav .more_link .more_link_child").css({'width': '100vw', 'left': `-${leftPx}px`})
        });

        $(window).scroll(function(e) {
            if($(window).scrollTop() > 0){
              // $('.mobile_search_box').removeClass('mobile_search_box_on');
              $('#header_box').addClass('header_fixed');
            }else{
              {% comment %} $('.mobile_search_box').addClass("mobile_search_box_on") {% endcomment %}
              $('#header_box').removeClass('header_fixed');   
            }
        })        
        $('.mobile_search_icon').click(function(){
            $('.mobile_search_box').addClass("mobile_search_box_on")
        })
        $('.search_close').click(function(){
            $('.mobile_search_box').removeClass('mobile_search_box_on');
        })
        $('.nav-child').each(function(){
            if($(this).find('dl').length > 0){
                $(this).parents('li').addClass('nav-child-three');
            }
        })
        $('.mobile_nav li > .mobile_nav-item').click(function(e){
            let href = $(this).find('a').attr('href');
            if (href !== 'javascript:void(0)' && $(e.target).closest('a').length > 0){
              e.stopPropagation();
              return;
            }
            var h = $(this).siblings().outerHeight();

            if($(this).parent().hasClass('on')){
                $(this).parent().removeClass('on');
            }else{
                $(this).parent().addClass('on');
            }
            $('.mobile_nav ul').css('transform','translate(-100%, 0)');
            $(this).parents('.mobile_nav').css('height',h);
        })
        $('.child_mobile_nav > dd > .mobile_nav-item').click(function(){
            let href = $(this).find('a').attr('href');
            if (href !== 'javascript:void(0)' && $(e.target).closest('a').length > 0){
              e.stopPropagation();
              return;
            }
            var h = $(this).siblings().outerHeight();
            if($(this).parent().hasClass('on')){
                $(this).parent().removeClass('on');
            }else{
                $(this).parent().addClass('on');
            }
            $('.mobile_nav ul').css('transform','translate(-200%, 0)');
            $(this).parents('.mobile_nav').css('height',h);
        })

        $('li > .child_mobile_nav > dt').click(function(){
            var h = $(this).parents('ul').outerHeight();
            $(this).parents('li').removeClass('on');
            $('.mobile_nav ul').css('transform','translate(0, 0)');
            $(this).parents('.mobile_nav').css('height',h);
        })
        $('.child_mobile_nav .child_mobile_nav dt').click(function(){
            var h = $(this).parent().parents('dl').outerHeight();
            $(this).parents('dd').removeClass('on');
            $('.mobile_nav ul').css('transform','translate(-100%, 0)');
            $(this).parents('.mobile_nav').css('height',h);
        })

       

        $('.mobile_currency_text').on('click',function(e) {
            e.stopPropagation();
            $(this).parent().addClass('open')
          })
          $('.mobile_currency_list').on('click',function(e) {
            e.stopPropagation();
          })
          $(".web-currency").click(function(){
            currencyPath($(this).data("type"))
          })
          $(".mobile_web-currency").click(function(){
            currencyPath($(this).data("type"))
          })
    
        function currencyPath(val){
            const currency = moi.getUrlParam('currency');
            if(currency || location.href.indexOf('theme_id') > -1){
                location.href = moi.changeURLArg(location.href,"currency",val)
            }
            else{
                location.href = moi.addURLParam(location.href,"currency",val)
            }
        }
		
		$('.pc_menu_icon').click(function(){
            if($(this).hasClass('on')){
                $('.nav_box').removeClass('on');
                $(this).removeClass('on');
            }else{
                $('.nav_box').addClass('on');
                $(this).addClass('on');
            }
            
		})


       

		$('.mobile_menu_icon').click(function(){

      $('.mobile_search_box').removeClass('mobile_search_box_on');
			if($(this).hasClass('on')){
                $('.header_top').removeClass('on');
                $('#card-header').removeClass('on')
                $('.mobile_menu').removeClass('on');
                $(this).removeClass('on');
                $('html').removeClass('body-hidden')
                $(".mobile_menu").slideUp()
            }else{
                $('.header_top').addClass('on');
                $('#card-header').addClass('on')
                $('.mobile_menu').addClass('on');
                $(this).addClass('on');
                $('html').addClass('body-hidden')
                $(".mobile_menu").slideDown()
                if($('.mobile_nav').height() < 250) {
                  $('.mobile_currency_list').attr('position','bottom')
                }else {
                    $('.mobile_currency_list').attr('position','top')
                }
            }
		})
        moi.addEvent("updateBlock",function(){
            $('.mobile_menu').removeClass('mobile_menu_on');
            $('.mobile_menu_icon').removeClass('on');
            $('.main_container').removeClass('main_on');
            $('body').removeAttr('style');
        },true);
		$('.mobile_menu_wrapper').click(function(e){
			e.stopPropagation();
		})


		$('#cart_icon').click(function(){
            window.shopMiniCart();
		})
        $('.minicart .close_btn').click(function(){
			$('.minicart').removeClass('minicart_on');
		})
		$('.minicart').click(function(){
			$('.minicart').removeClass('minicart_on');
		})
		$('.minicart_wrapper').click(function(e){
			e.stopPropagation();
		})
		addCartNum();

        {% if page_ca == 'index_index' %}
          if($(window).width() > 767){
           setTimeout(() => {
         let xh = 0
        if($('#header_box .app_bartool-wrap').length !== 0) {
            $('#header_box .app_bartool-wrap').each((index,elem) => {
                xh += elem.clientHeight
            })
        }
        $("#card-header").append(`<div style="height: ${xh}px;"></div>`)
       },500)
          }
      
       {% endif %}

	})
</script>

<script>
    $(function(){
    let window_height = $(window).height();
    let oberserverDom= document.querySelector('#header_box');

    function fix_Moblie_Height(e) {
      let app_fix_height = e.height();
      let fixHeight =`calc(100dvh - ${app_fix_height}px)`;
    $(".mobile_menu").css('height',fixHeight);
   }

   if($(window).width() < 768) {
   let observer_header = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      $(mutation.addedNodes).each(function() {
        if($(this).hasClass('app_bartool-wrap')){
           const $appBox = $('#header_box');
          fix_Moblie_Height($appBox)
        $appBox.find('.close').on('click',function(){
            fix_Moblie_Height($appBox)
           })
            if(observer_header && observer_header.disconnect) {
             observer_header.disconnect();
            observer_header = null;
           return false
           }
        }
        
          
        
      });
    });
  });
  observer_header.observe(oberserverDom, {
    childList: true   
  });

  window.addEventListener('load', function(){
  if(observer_header){
      observer_header.disconnect();
      observer_header = null;
  }
  });
  
  }
    
    })
 

</script>

{% schema %}
{
	"tag": "",
	"class": "header",
	"is_global": true,
	"name": {
		"zh_CN": "头部",
		"en_US": "Header"
	},
	"max_blocks": "0",
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "菜单导航设置",
				"en_US": "Menu Navigation Settings"
			}
		},
		{
			"type": "card_nav",
			"label": {
				"zh_CN": "选择菜单",
				"en_US": "Select menu"
			},
			"default": {
				"id": "",
				"title": ""
			},
			"id": "nav"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "顶部LOGO与图片",
				"en_US": "Top LOGO and image"
			}
		},
		{
			"type": "card_image",
			"label": {
				"zh_CN": "首页logo图片",
				"en_US": "Homepage logo image"
			},
			"id": "logo_pic"
		},
		{
			"type": "card_image",
			"label": {
				"zh_CN": "内页logo图片",
				"en_US": "Inside page logo image"
			},
			"id": "page_logo_pic"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "个人中心",
				"en_US": "Personal center"
			},
			"id": "is_member",
			"default": "1"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "搜索",
				"en_US": "Search"
			},
			"id": "is_search",
			"default": "1"
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "货币切换",
				"en_US": "Currency switch"
			},
			"id": "is_currency",
			"default": "1"
		},
        {
			"type": "card_switch",
			"label": {
				"zh_CN": "货币前展示国旗",
				"en_US": "Display the national flag in front of the currency"
			},
			"id": "is_currency_flag",
			"default": "1"
		},
		{
			"type": "card_input",
			"label": {
				"zh_CN": "搜索底纹",
				"en_US": "Search shading"
			},
			"id": "search_placeholder"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "颜色设置",
				"en_US": "Color Settings"
			}
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "导航栏背景",
				"en_US": "Navigation bar background"
			},
			"id": "nav_bg",
			"default": "#1a2836"
		},
		{
			"type": "card_color",
			"label": {
				"zh_CN": "菜单项字体",
				"en_US": "Menu item font"
			},
			"id": "menu_color",
			"default": "#000"
		}
	],
	"blocks": [],
	"default": {
		"settings": {
			"nav": {
				"id": "",
				"title": ""
			},
			"logo_pic": {
				"src": "",
				"alt": ""
			},
			"page_logo_pic": {
				"src": "",
				"alt": ""
			},
			"is_member": true,
			"is_search": true,
			"is_currency": true,
            "is_currency_flag": false,
			"search_placeholder": "Search",
			"nav_bg": "#1a2836",
			"menu_color": "#fff",
			"is_board": true,
			"is_index_board": false,
			"board_text": "We Free Shipping Worldwide.",
			"board_link": {
				"type": "",
				"title": "",
				"url": ""
			},
			"board_font": "#333",
			"board_bg": "#fff",
			"icon_color": "#1d1f21"
		},
		"blocks": [],
		"type": "header"
	}
}
{% endschema %}